@use '../../styles/settings';
@use '../../styles/tools';

// VAlert
$alert-background: rgb(var(--v-theme-surface-light)) !default;
$alert-border-color: currentColor !default;
$alert-border-opacity: .38 !default;
$alert-border-radius: settings.$border-radius-root !default;
$alert-border-style: settings.$border-style-root !default;
$alert-border-thin-width: 8px !default;
$alert-border-width: 0 !default;
$alert-color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity)) !default;
$alert-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
$alert-elevation: 1 !default;
$alert-padding: 16px !default;
$alert-plain-opacity: .62 !default;
$alert-plain-transition: .2s opacity settings.$standard-easing !default;
$alert-positions: absolute fixed sticky !default;
$alert-prepend-margin-inline-end: 16px !default;
$alert-prepend-icon-size: 1.75rem !default;
$alert-append-margin-inline-start: 16px !default;
$alert-append-close-margin-inline-start: 16px !default;

// VAlertTitle
$alert-title-font-size: tools.map-deep-get(settings.$typography, 'h6', 'size') !default;
$alert-title-font-weight: tools.map-deep-get(settings.$typography, 'h6', 'weight') !default;
$alert-title-hyphens: auto !default;
$alert-title-letter-spacing: tools.map-deep-get(settings.$typography, 'h6', 'letter-spacing') !default;
$alert-title-line-height: 1.75rem !default;
$alert-title-overflow-wrap: normal !default;
$alert-title-text-transform: none !default;
$alert-title-word-break: normal !default;
$alert-title-word-wrap: break-word !default;

// VAlertText
$alert-text-line-height: 1.35 !default;

// Lists
$alert-border: (
  $alert-border-color,
  $alert-border-style,
  $alert-border-width,
  $alert-border-thin-width
) !default;

$alert-variants: (
  $alert-background,
  $alert-color,
  $alert-elevation,
  $alert-plain-opacity,
  'v-alert'
) !default;
